﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">
 
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="meta description">
    <!-- Favicons -->
    <link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="assets/img/icon.png">

    <!-- Title -->
    <title>Zuka - Clean, Minimal eCommerce Bootstrap 4 Template</title>

    <!-- ************************* CSS Files ************************* -->

    <!-- All Plugins CSS  -->
    <link rel="stylesheet" href="assets/css/plugins.css">

    <!-- Revoulation CSS  -->
    <link rel="stylesheet" href="assets/css/revoulation.css">

    <!-- style CSS -->
    <link rel="stylesheet" href="assets/css/main.css">

    <!-- modernizr JS
    ============================================ -->
    <script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
    <!--[if lt IE 9]>
    <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="default-color">

    <!-- Preloader Start -->
    <div class="zuka-preloader active">
        <div class="zuka-preloader-inner h-100 d-flex align-items-center justify-content-center">
            <div class="zuka-child zuka-bounce1"></div>
            <div class="zuka-child zuka-bounce2"></div>
            <div class="zuka-child zuka-bounce3"></div>
        </div>
    </div>
    <!-- Preloader End -->

    <!-- Main Wrapper Start -->
    <div class="wrapper enable-header-aside">
        <!-- Header Area Start -->
        <header class="header-aside header-aside-style-2">
            <div class="header-aside__inner">
                <div class="header-aside__top text-lg-center mb--30 mb-lg--0">
                    <!-- Logo Start Here -->
                    <a href="index.html" class="logo-box">
                        <figure class="logo--normal"> 
                            <img src="assets/img/logo/logo-white.png" alt="Logo"/>   
                        </figure>
                        <figure class="logo--sticky"> 
                            <img src="assets/img/logo/logo.png" alt="Logo"/>   
                        </figure>
                    </a>
                    <!-- Logo End Here -->
                </div>

                <!-- Header Toolbar Start -->
                <ul class="header-toolbar white-color text-center mb--25 mb-lg--10 mb-md--0">
                    <li class="header-toolbar__item d-lg-none">
                        <a href="#mobileMenu" class="toolbar-btn menu-btn">
                            <span class="hamburger-icon">
                            </span>
                        </a> 
                    </li>
                    <li class="header-toolbar__item">
                        <a href="#miniCart" class="mini-cart-btn toolbar-btn">
                            <i class="dl-icon-cart25"></i>
                            <sup class="mini-cart-count">2</sup>
                        </a>
                    </li>
                    <li class="header-toolbar__item d-none d-lg-block">
                        <a href="#sideNav" class="toolbar-btn">
                            <span class="hamburger-icon">
                            </span>
                        </a>                                    
                    </li>
                    <li class="header-toolbar__item">
                        <a href="#searchForm" class="search-btn toolbar-btn">
                            <i class="dl-icon-search1"></i>
                        </a>
                    </li>
                </ul>
                <!-- Header Toolbar End -->

                <!-- Main Navigation Start Here -->
                <nav class="main-navigation vertical-nav mb--20 mb-lg--10">
                    <ul class="mainmenu">
                        <li class="mainmenu__item menu-item-has-children megamenu-holder active">
                            <a href="index.html" class="mainmenu__link">
                                <span class="mm-text">Home</span>
                            </a>
                            <ul class="megamenu two-column">
                                <li>
                                    <a class="megamenu-title" href="#">
                                        <span class="mm-text">Demo Group 01</span>
                                    </a>
                                    <ul>
                                        <li>
                                            <a href="index.html">
                                                <span class="mm-text">Demo 01</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="index-02.html">
                                                <span class="mm-text">Demo 02</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="index-03.html">
                                                <span class="mm-text">Demo 03</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="index-04.html">
                                                <span class="mm-text">Demo 04</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="index-05.html">
                                                <span class="mm-text">Demo 05</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="megamenu-title" href="#">
                                        <span class="mm-text">Demo Group 02</span>
                                    </a>
                                    <ul>
                                        <li>
                                            <a href="index-06.html">
                                                <span class="mm-text">Demo 06</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="index-07.html">
                                                <span class="mm-text">Demo 07</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="index-08.html">
                                                <span class="mm-text">Demo 08</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="index-09.html">
                                                <span class="mm-text">Demo 09</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="index-10.html">
                                                <span class="mm-text">Demo 10</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="mainmenu__item menu-item-has-children">
                            <a href="shop-sidebar.html" class="mainmenu__link">
                                <span class="mm-text">Shop</span>
                            </a>
                            <ul class="megamenu four-column">
                                <li>
                                    <a class="megamenu-title" href="#">
                                        <span class="mm-text">Shop Layout</span>
                                    </a>
                                    <ul>
                                        <li>
                                            <a href="shop-fullwidth.html">
                                                <span class="mm-text">FullWidth</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-sidebar.html">
                                                <span class="mm-text">with Sidebar</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-two-columns.html">
                                                <span class="mm-text">Two columns</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-three-columns.html">
                                                <span class="mm-text">Three columns</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-collections.html">
                                                <span class="mm-text">With collections</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-instagram.html">
                                                <span class="mm-text">Shop Instagram</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="megamenu-title" href="#">
                                        <span class="mm-text">Single Product</span>
                                    </a>
                                    <ul>
                                        <li>
                                            <a href="product-details.html">
                                                <span class="mm-text">Simple 01</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="product-details-02.html">
                                                <span class="mm-text">Simple 02</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="product-details-sticky.html">
                                                <span class="mm-text">Sticky Info</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="product-details-gallery.html">
                                                <span class="mm-text">Thumbnail Gallery</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="product-details-sidebar.html">
                                                <span class="mm-text">Sidebar</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="product-details-grouped.html">
                                                <span class="mm-text">Grouped</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="product-details-affiliate.html">
                                                <span class="mm-text">Affiliate</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="product-details-configurable.html">
                                                <span class="mm-text">Configurable</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="megamenu-title" href="#">
                                        <span class="mm-text">Shop Pages</span>
                                    </a>
                                    <ul class="sub-menu">
                                        <li>
                                            <a href="my-account.html">
                                                <span class="mm-text">My Account</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="cart.html">
                                                <span class="mm-text">Shopping Cart</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="checkout.html">
                                                <span class="mm-text">Check Out</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="wishlist.html">
                                                <span class="mm-text">Wishlist</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="order-tracking.html">
                                                <span class="mm-text">Order tracking</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="compare.html">
                                                <span class="mm-text">compare</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="banner-holder">
                                    <div class="megamenu-banner">
                                        <div class="megamenu-banner-image"></div>
                                        <div class="megamenu-banner-info">
                                            <span>Autumn Winter 2019</span>
                                            <h3>new <strong>arrival</strong></h3>
                                        </div>
                                        <a href="shop-sidebar.html" class="megamenu-banner-link"></a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="mainmenu__item menu-item-has-children has-children">
                            <a href="#" class="mainmenu__link">
                                <span class="mm-text">Pages</span>
                            </a>
                            <ul class="sub-menu">
                                <li>
                                    <a href="about-us.html">
                                        <span class="mm-text">About Us</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="team.html">
                                        <span class="mm-text">Our teams</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="contact-us.html">
                                        <span class="mm-text">Contact Page</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="404.html">
                                        <span class="mm-text">404 page</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="faqs-page.html">
                                        <span class="mm-text">FAQs page</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="coming-soon.html">
                                        <span class="mm-text">Coming Soon</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="mainmenu__item">
                            <a href="shop-collections.html" class="mainmenu__link">
                                <span class="mm-text">Collections</span>
                            </a>
                        </li>
                        <li class="mainmenu__item menu-item-has-children has-children">
                            <a href="blog.html" class="mainmenu__link">
                                <span class="mm-text">Blog</span>
                            </a>
                            <ul class="sub-menu">
                                <li class="menu-item-has-children has-children">
                                    <a href="#">
                                        <span class="mm-text">Blog Grid</span>
                                    </a>
                                    <ul class="sub-menu">
                                        <li>
                                            <a href="blog-02-columns.html">
                                                <span class="mm-text">Blog 02 Columns</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="blog-03-columns.html">
                                                <span class="mm-text">Blog 03 Columns</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="blog.html">
                                                <span class="mm-text">Blog Sidebar</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children has-children">
                                    <a href="#">
                                        <span class="mm-text">Blog List</span>
                                    </a>
                                    <ul class="sub-menu">
                                        <li>
                                            <a href="blog-classic.html">
                                                <span class="mm-text">Blog Classic</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="blog-no-sidebar.html">
                                                <span class="mm-text">Blog No Sidebar</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="blog-masonary.html">
                                        <span class="mm-text">Blog Masonary</span>
                                    </a>
                                </li>
                                <li class="menu-item-has-children has-children">
                                    <a href="#">
                                        <span class="mm-text">Blog Details</span>
                                    </a>
                                    <ul class="sub-menu">
                                        <li>
                                            <a href="single-post.html">
                                                <span class="mm-text">Single Post</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="single-post-sidebar.html">
                                                <span class="mm-text">Single Post Sidebar</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="mainmenu__item">
                            <a href="shop-instagram.html" class="mainmenu__link">
                                <span class="mm-text">New Look</span>
                            </a>
                        </li>
                    </ul>
                </nav>
                <!-- Main Navigation Start Here -->

                <div class="header-aside__bottom text-center">
                    <div class="widget mb--20 mb-lg--10">
                        <h4 class="widget-title">Openning Time</h4>
                        <ul class="contact-info-widget">
                            <li>Monday - Saturday</li>
                            <li class="color--white">7:00 - 22:00</li>
                            <li>Sunday</li>
                            <li class="color--white">9:00 - 20:00</li>
                        </ul>
                    </div>
                    <div class="widget">
                        <div class="contact-info-widget">
                            <div class="textwidget">
                                <p><i class="fa fa-phone-square"></i>(+612) 2531 5600</p>
                                <p><i class="fa fa-envelope"></i>info@company.com</p>
                                <p><i class="fa fa-map-marker"></i>Get direction</p>
                            </div>
                        </div>
                    </div>

                    <!-- Social Icons Start Here -->
                    <ul class="social social-small dove-gray-color mtb--20">
                        <li class="social__item">
                            <a href="https://www.facebook.com" class="social__link">
                                <i class="fa fa-facebook"></i>
                            </a>
                        </li>
                        <li class="social__item">
                            <a href="https://www.twitter.com" class="social__link">
                                <i class="fa fa-twitter"></i>
                            </a>
                        </li>
                        <li class="social__item">
                            <a href="https://www.pinterest.com/" class="social__link">
                                <i class="fa fa-pinterest-p"></i>
                            </a>
                        </li>
                        <li class="social__item">
                            <a href="https://www.linkedin.com/" class="social__link">
                                <i class="fa fa-linkedin"></i>
                            </a>
                        </li>
                        <li class="social__item">
                            <a href="https://www.behance.net/" class="social__link">
                                <i class="fa fa-behance"></i>
                            </a>
                        </li>
                    </ul>
                    <!-- Social Icons End Here -->

                    <p class="copyright-text font-size-11">Copyright &copy; 2018. Powered by HasTech</p>
                </div>
            </div>
            <div class="mobile-menu-wrapper" id="mobileMenu">
                <div class="mobile-menu-inner">
                    <a href="" class="btn-close">
                        <span class="hamburger-icon">
                        </span>
                    </a>
                    <nav class="mobile-navigation">
                        <ul class="mobile-menu">
                            <li class="menu-item-has-children active">
                                <a href="index.html">
                                    <span class="mm-text">Home</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Demo Group 01</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="index.html">
                                                    <span class="mm-text">Demo 01</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-02.html">
                                                    <span class="mm-text">Demo 02</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-03.html">
                                                    <span class="mm-text">Demo 03</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-04.html">
                                                    <span class="mm-text">Demo 04</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-05.html">
                                                    <span class="mm-text">Demo 05</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Demo Group 02</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="index-06.html">
                                                    <span class="mm-text">Demo 06</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-07.html">
                                                    <span class="mm-text">Demo 07</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-08.html">
                                                    <span class="mm-text">Demo 08</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-09.html">
                                                    <span class="mm-text">Demo 09</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-10.html">
                                                    <span class="mm-text">Demo 10</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="shop-sidebar.html">
                                    <span class="mm-text">Shop</span>
                                    <span class="badge">Hot</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Shop Layout</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="shop-fullwidth.html">
                                                    <span class="mm-text">FullWidth</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-sidebar.html">
                                                    <span class="mm-text">with Sidebar</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-two-columns.html">
                                                    <span class="mm-text">Two columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-three-columns.html">
                                                    <span class="mm-text">Three columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-collections.html">
                                                    <span class="mm-text">With collections</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-instagram.html">
                                                    <span class="mm-text">Shop Instagram</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Single Product</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="product-details.html">
                                                    <span class="mm-text">Simple 01</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-02.html">
                                                    <span class="mm-text">Simple 02</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-sticky.html">
                                                    <span class="mm-text">Sticky Info</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-gallery.html">
                                                    <span class="mm-text">Thumbnail Gallery</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-sidebar.html">
                                                    <span class="mm-text">Sidebar</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-grouped.html">
                                                    <span class="mm-text">Grouped</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-affiliate.html">
                                                    <span class="mm-text">Affiliate</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-configurable.html">
                                                    <span class="mm-text">Configurable</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Shop Pages</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="my-account.html">
                                                    <span class="mm-text">My Account</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="cart.html">
                                                    <span class="mm-text">Shopping Cart</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="checkout.html">
                                                    <span class="mm-text">Check Out</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="wishlist.html">
                                                    <span class="mm-text">Wishlist</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="order-tracking.html">
                                                    <span class="mm-text">Order tracking</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="compare.html">
                                                    <span class="mm-text">compare</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="#">
                                    <span class="mm-text">Pages</span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="about-us.html">
                                            <span class="mm-text">About Us</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="team.html">
                                            <span class="mm-text">Our teams</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="contact-us.html">
                                            <span class="mm-text">Contact Page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="404.html">
                                            <span class="mm-text">404 page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="faqs-page.html">
                                            <span class="mm-text">FAQs page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="coming-soon.html">
                                            <span class="mm-text">Coming Soon</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="mobile-menu__item">
                                <a href="shop-collections.html">
                                    <span class="mm-text">Collections</span>
                                </a>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="blog.html">
                                    <span class="mm-text">Blog</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog Grid</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="blog-02-columns.html">
                                                    <span class="mm-text">Blog 02 Columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog-03-columns.html">
                                                    <span class="mm-text">Blog 03 Columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog.html">
                                                    <span class="mm-text">Blog Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog List</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="blog-classic.html">
                                                    <span class="mm-text">Blog Classic</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog-no-sidebar.html">
                                                    <span class="mm-text">Blog No Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="blog-masonary.html">
                                            <span class="mm-text">Blog Masonary</span>
                                        </a>
                                    </li>
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog Details</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="single-post.html">
                                                    <span class="mm-text">Single Post</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="single-post-sidebar.html">
                                                    <span class="mm-text">Single Post Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="shop-instagram.html">
                                    <span class="mm-text">New Look</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
        <!-- Header Area End -->

        <!-- Main Content Wrapper Start -->
        <div id="content" class="main-content-wrapper">

            <!-- Slider area Start -->
            <div class="slider-area">
                <!-- START REVOLUTION SLIDER -->
                <div id="rev_slider_7_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="home-07" data-source="gallery" style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
                    <div id="rev_slider_7_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.7">
                        <ul>    <!-- SLIDE  -->
                            <li data-index="rs-48" data-transition="random-premium" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="default"  data-thumb="assets/img/slider/100x50_home_07_slider_2.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="01" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/home_07_slider_2.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="2" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 1 -->
                                <div class="tp-caption     rev_group" 
                                     id="slide-48-layer-1" 
                                     data-x="['left','left','center','center']" data-hoffset="['197','197','0','0']" 
                                     data-y="['bottom','bottom','middle','middle']" data-voffset="['119','119','0','0']" 
                                                data-width="['758','758','614','436']"
                                    data-height="['366','366','305','194']"
                                    data-whitespace="nowrap"
                         
                                    data-type="group" 
                                    data-basealign="slide" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"sliderenter","speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"sliderleave","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"
                                    data-captionhidden="on" 

                                    style="z-index: 5; min-width: 758px; max-width: 758px; max-width: 366px; max-width: 366px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                <!-- LAYER NR. 2 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-48-layer-2" 
                                     data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" 
                                     data-y="['top','top','top','top']" data-voffset="['58','58','0','2']" 
                                                data-fontsize="['24','24','30','20']"
                                    data-lineheight="['70','70','50','40']"
                                    data-letterspacing="['14','14','10','5']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+390","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 6; white-space: nowrap; font-size: 24px; line-height: 70px; font-weight: 400; color: #ffffff; letter-spacing: 14px;font-family:Poppins;">AUTUMN WINTER 2019 </div>

                                <!-- LAYER NR. 3 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-48-layer-3" 
                                     data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" 
                                     data-y="['top','top','top','top']" data-voffset="['127','127','51','20']" 
                                                data-fontsize="['100','100','90','50']"
                                    data-lineheight="['120','120','150','120']"
                                    data-letterspacing="['-3','-3','0','0']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"sliderenter","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"sliderleave","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"
                                    data-captionhidden="on" 

                                    style="z-index: 7; white-space: nowrap; font-size: 100px; line-height: 120px; font-weight: 400; color: #ffffff; letter-spacing: -3px;font-family:Prata;font-size:20px !important;">Couple Fashion </div>

                                <!-- LAYER NR. 4 -->
                                <a class="tp-caption rev-btn " href="shop-sidebar.html" 
                                     id="slide-48-layer-4" 
                                     data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" 
                                     data-y="['top','top','top','top']" data-voffset="['314','314','235','149']" 
                                                data-fontweight="['700','700','400','400']"
                                    data-color="['rgb(24,24,24)','rgb(24,24,24)','rgb(40,40,40)','rgb(40,40,40)']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="button" 
                                    data-responsive_offset="on" 
                                    data-responsive="off"
                                    data-frames='[{"delay":"+1510","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(220,1,9);bs:solid;bw:0 0 0 0;"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[16,16,15,12]"
                                    data-paddingright="[45,45,45,35]"
                                    data-paddingbottom="[16,16,15,12]"
                                    data-paddingleft="[45,45,45,35]"

                                    style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 20px; font-weight: 700; color: #181818;font-family:Poppins;background-color:rgb(255,255,255);border-color:rgba(0,0,0,1);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Discover now </a>
                                </div>

                                <!-- LAYER NR. 5 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-48-layer-5" 
                                     data-x="['right','right','center','center']" data-hoffset="['90','90','0','0']" 
                                     data-y="['bottom','bottom','bottom','bottom']" data-voffset="['85','85','85','85']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":1690,"speed":1360,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 9; white-space: nowrap; font-size: 12px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;">© 2018 Zuka All rights <a href="http://www.bootstrapmb.com/" title="bootstrapmb">Reserved</a> </div>
                            </li>
                            <!-- SLIDE  -->
                            <li data-index="rs-49" data-transition="random-premium" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="default"  data-thumb="assets/img/slider/100x50_home_07_slider_1.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="02" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/home_07_slider_1.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="2" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 6 -->
                                <div class="tp-caption     rev_group" 
                                     id="slide-49-layer-1" 
                                     data-x="['left','left','center','center']" data-hoffset="['110','110','0','0']" 
                                     data-y="['bottom','bottom','middle','middle']" data-voffset="['130','130','0','3']" 
                                                data-width="['763','763','505','419']"
                                    data-height="['316','316','209','195']"
                                    data-whitespace="nowrap"
                         
                                    data-type="group" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 5; min-width: 763px; max-width: 763px; max-width: 316px; max-width: 316px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                <!-- LAYER NR. 7 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-49-layer-2" 
                                     data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" 
                                     data-y="['top','top','top','top']" data-voffset="['72','72','49','42']" 
                                                data-fontsize="['100','100','80','50']"
                                    data-lineheight="['120','120','90','60']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+390","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 6; white-space: nowrap; font-size: 100px; line-height: 120px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Prata;">The Suit Guide </div>

                                <!-- LAYER NR. 8 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-49-layer-3" 
                                     data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" 
                                     data-y="['top','top','top','top']" data-voffset="['0','0','0','2']" 
                                                data-fontsize="['24','24','24','20']"
                                    data-letterspacing="['14','14','10','5']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+790","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 7; white-space: nowrap; font-size: 24px; line-height: 30px; font-weight: 400; color: #ffffff; letter-spacing: 14px;font-family:Poppins;">AUTUMN WINTER 2019 </div>

                                <!-- LAYER NR. 9 -->
                                <a class="tp-caption rev-btn " href="shop-sidebar.html" 
                                     id="slide-49-layer-4" 
                                     data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" 
                                     data-y="['top','top','top','top']" data-voffset="['264','264','164','121']" 
                                                data-fontweight="['700','700','400','400']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="button" 
                                    data-responsive_offset="on" 
                                    data-responsive="off"
                                    data-frames='[{"delay":"+1510","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(208,2,27);bs:solid;bw:0 0 0 0;"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[16,16,15,12]"
                                    data-paddingright="[45,45,45,35]"
                                    data-paddingbottom="[16,16,15,12]"
                                    data-paddingleft="[45,45,45,35]"

                                    style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 20px; font-weight: 700; color: #282828;font-family:Poppins;background-color:rgb(255,255,255);border-color:rgba(0,0,0,1);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Discover now </a>
                                </div>

                                <!-- LAYER NR. 10 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-49-layer-5" 
                                     data-x="['right','right','center','center']" data-hoffset="['90','90','0','0']" 
                                     data-y="['bottom','bottom','bottom','bottom']" data-voffset="['90','90','100','100']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":1510,"speed":1630,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 9; white-space: nowrap; font-size: 12px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;">© 2018 Zuka All rights <a href="http://www.bootstrapmb.com/" title="bootstrapmb">Reserved</a> </div>
                            </li>
                        </ul>
                        <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> 
                    </div>
                </div>
                <!-- END REVOLUTION SLIDER -->
            </div>
            <!-- Slider area End -->

            <!-- Featured Area Start -->
            <section class="featured-area pt--80 pt-md--60 pt-sm--40 pb--40 pb-md--30 pb-sm--20">
                <div class="container-fluid">
                    <div class="row mb--45 mb-md--35 mb-sm--20 pb--3">
                        <div class="col-12 text-center">
                            <h2 class="heading-primary font-prata mb--30 mb-md--25 pb--3">Featured Categories</h2>
                            <p>Feature category to display category on any pages demo</p>
                        </div>
                    </div>
                    <div class="row grid-space-20">
                        <div class="col-md-6">
                            <div class="banner-box banner-hover-3 banner-type-1 mb--20 mb-sm--30">
                                <div class="banner-inner">
                                    <div class="banner-image">
                                        <img src="assets/img/banner/home_07_banner_2.jpg" alt="Banner">
                                    </div>
                                    <div class="banner-info text-center">
                                        <div class="banner-info--inner">
                                            <p class="banner-title-12">
                                                All Time Man
                                            </p>
                                        </div>
                                    </div>
                                    <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                </div>
                            </div>
                            <div class="banner-box banner-hover-3 banner-type-1 banner-type-1-1 mb-sm--30">
                                <div class="banner-inner">
                                    <div class="banner-image">
                                        <img src="assets/img/banner/home_07_banner_3.jpg" alt="Banner">
                                    </div>
                                    <div class="banner-info text-center">
                                        <div class="banner-info--inner">
                                            <p class="banner-title-12">
                                                New Sweater
                                            </p>
                                        </div>
                                    </div>
                                    <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="banner-box banner-hover-3 banner-type-1 h-100">
                                <div class="banner-inner h-100">
                                    <div class="banner-image">
                                        <img src="assets/img/banner/home_07_banner_1.jpg" alt="Banner">
                                    </div>
                                    <div class="banner-info text-center">
                                        <div class="banner-info--inner">
                                            <p class="banner-title-12">
                                                Kids Autumn Winter
                                            </p>
                                        </div>
                                    </div>
                                    <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Featured Area End -->

            <!-- Product Area Start -->
            <section class="product-area pt--35 pt-md--25 pt-sm--15 pb--80 pb-md--60 pb-sm--40">
                <div class="container-fluid">
                    <div class="row mb--35 mb-md--25 mb-sm--20 pb--3">
                        <div class="col-12 text-center">
                            <h2 class="heading-secondary-2 mb--15 mb-sm--10 pb-sm--3">New Arrival</h2>
                            <p>Feature category to display category on any pages demo</p>
                        </div>
                    </div>
                    <div class="row xxl-block-grid-5 grid-space-20">
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-10-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-3-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <span class="product-badge sale">Sale!</span>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 46.00</span>
                                            <span class="dash">&mdash;</span>
                                            <span class="money">&pound; 59.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-3-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-3-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Designer Leather Backpack Purse for Women</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 100.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-7-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-7-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <span class="product-badge discount">-2%</span>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-four">
                                            <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Fake News Network Abstract Novelty T-Shirt</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="product-price-old">
                                                <span class="money">&pound; 49.00</span>
                                            </span>
                                            <span class="product-price-new">
                                                <span class="money">&pound; 48.00</span>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-4-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-4-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-three">
                                            <span>Rated <strong class="rating">3.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Fashion Backpack Oxford Waterproof</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-10-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-10-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Grey blue leather backpack</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-8-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-8-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-four">
                                            <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">I want to T-Shirt</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-6-4-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                            <span class="product-price-old">
                                                <span class="money">&pound; 170.00</span>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-5-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <span class="product-badge discount">-17.9%</span>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="product-price-old">
                                                <span class="money">&pound; 39.00</span>
                                            </span>
                                            <span class="product-price-new">
                                                <span class="money">&pound; 32.00</span>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-10-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-2-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-1-4-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-6-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Men’s Fashion Comfort Genuine Leather Belt</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mt--40 mt-md--20 mt-sm--5">
                        <div class="col-12 text-center">
                            <a href="" class="view-all">View All Products</a>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Product Area End -->

            <!-- Banner Area Start -->
            <div class="banner-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6 mb-sm--30">
                            <div class="banner-box banner-hover-3 banner-type-6 banner-type-6-1">
                                <div class="banner-inner">
                                    <div class="banner-image">
                                        <img src="assets/img/banner/banner_15.jpg" alt="Banner">
                                    </div>
                                    <div class="banner-info">
                                        <div class="banner-info--inner banner-info--inner-2 text-center">
                                            <p class="banner-paragraph heading-color">Loose-Fiting Sweatshirt With Ribbed Trims</p>
                                            <p class="banner-title-10 banner-title-10-1 lts-6 lts-lg-3 lts-sm-1 heading-color">
                                                Sale 50%
                                            </p>
                                            <p class="banner-title-2 font-normal mb--10">only $299.99</p>
                                            <a href="shop-sidebar.html" class="banner-btn banner-btn-5 banner-btn-outline banner-btn-color-blue banner-btn-shape-round hover-style-bg">Shop Now</a>
                                        </div>
                                    </div>
                                    <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="banner-box banner-hover-3 banner-type-6 banner-type-6-3">
                                <div class="banner-inner">
                                    <div class="banner-image">
                                        <img src="assets/img/banner/banner_12.jpg" alt="Banner">
                                    </div>
                                    <div class="banner-info">
                                        <div class="banner-info--inner banner-info--inner-2 text-center">
                                            <p class="banner-paragraph heading-color">Men's Fashion Sneakers Breatable Casual Shoes</p>
                                            <p class="banner-title-10 banner-title-10-1 lts-6 lts-lg-3 lts-sm-1 heading-color">
                                                Sale 50%
                                            </p>
                                            <p class="banner-title-2 font-normal mb--10">only $299.99</p>
                                            <a href="shop-sidebar.html" class="banner-btn banner-btn-5 banner-btn-outline banner-btn-color-blue banner-btn-shape-round hover-style-bg">Shop Now</a>
                                        </div>
                                    </div>
                                    <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Banner Area End -->

            <!-- Product Area Start -->
            <section class="product-area pt--75 pt-md--55 pt-sm--35 pb--35 pb-md--25 pb-sm--15">
                <div class="container-fluid">
                    <div class="row mb--35 mb-md--25 mb-sm--20 pb--3">
                        <div class="col-12 text-center">
                            <h2 class="heading-secondary-2 mb--15 mb-sm--10 pb-sm--3">Must Have</h2>
                            <p>Feature category to display category on any pages demo</p>
                        </div>
                    </div>
                    <div class="row xxl-block-grid-5 grid-space-20">
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-10-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-3-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <span class="product-badge sale">Sale!</span>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 46.00</span>
                                            <span class="dash">&mdash;</span>
                                            <span class="money">&pound; 59.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-3-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-3-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Designer Leather Backpack Purse for Women</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 100.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-7-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-7-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <span class="product-badge discount">-2%</span>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-four">
                                            <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Fake News Network Abstract Novelty T-Shirt</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="product-price-old">
                                                <span class="money">&pound; 49.00</span>
                                            </span>
                                            <span class="product-price-new">
                                                <span class="money">&pound; 48.00</span>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-4-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-4-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-three">
                                            <span>Rated <strong class="rating">3.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Fashion Backpack Oxford Waterproof</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-10-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-10-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Grey blue leather backpack</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-8-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-8-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-four">
                                            <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">I want to T-Shirt</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-6-4-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Luxury Limited Edition Men’s Chrono S Wrist Watch</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                            <span class="product-price-old">
                                                <span class="money">&pound; 170.00</span>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-5-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-5-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <span class="product-badge discount">-17.9%</span>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="product-price-old">
                                                <span class="money">&pound; 39.00</span>
                                            </span>
                                            <span class="product-price-new">
                                                <span class="money">&pound; 32.00</span>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-10-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-2-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Men’s Cloudfoam Advantage Fashion Sneaker</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-1-4-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-6-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Men’s Fashion Comfort Genuine Leather Belt</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mt--40 mt-md--20 mt-sm--5">
                        <div class="col-12 text-center">
                            <a href="" class="view-all">View All Products</a>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Product Area End -->

            <!-- Brand Area Start -->
            <section class="brand-area pt--40 pt-md--30 pt-sm--20 pb--80 pb-md--60 pb-sm--40">
                <div class="container">
                    <div class="row mb--45 mb-md--35 mb-sm--30 pb--4">
                        <div class="col-12 text-center">
                            <h2 class="heading-secondary-2 mb--10 mb-sm--10">Our Brands</h2>
                            <p>Feature category to display category on any pages demo</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="zuka-element-carousel"                            
                            data-slick-options='{
                                "slidesToShow": 6,
                                "slidesToScroll": 1
                            }'
                            data-slick-responsive='[
                                {"breakpoint":1499, "settings": {"slidesToShow": 5}},
                                {"breakpoint":1199, "settings": {"slidesToShow": 4}},
                                {"breakpoint":767, "settings": {"slidesToShow": 3}},
                                {"breakpoint":575, "settings": {"slidesToShow": 2}},
                                {"breakpoint":450, "settings": {"slidesToShow": 1}}
                            ]'>
                                <div class="item">
                                    <figure class="brand-item">
                                        <img src="assets/img/partner/brand_9.png" alt="Brand" class="mx-auto">
                                    </figure>
                                </div>
                                <div class="item">
                                    <figure class="brand-item">
                                        <img src="assets/img/partner/brand_10.png" alt="Brand" class="mx-auto">
                                    </figure>
                                </div>
                                <div class="item">
                                    <figure class="brand-item">
                                        <img src="assets/img/partner/brand_11.png" alt="Brand" class="mx-auto">
                                    </figure>
                                </div>
                                <div class="item">
                                    <figure class="brand-item">
                                        <img src="assets/img/partner/brand_12.png" alt="Brand" class="mx-auto">
                                    </figure>
                                </div>
                                <div class="item">
                                    <figure class="brand-item">
                                        <img src="assets/img/partner/brand_13.png" alt="Brand" class="mx-auto">
                                    </figure>
                                </div>
                                <div class="item">
                                    <figure class="brand-item">
                                        <img src="assets/img/partner/brand_14.png" alt="Brand" class="mx-auto">
                                    </figure>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Brand Area End -->

            <!-- Method Area Start -->
            <section class="method-area bg-color pt--55 pb--55 pt-sm--35 pb-sm--40" data-bg-color="#EEF3F6">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3 col-md-6 mb-md--30">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-1.png" alt="Icon">
                                <h4 class="mt--20">Free Worldwide Shipping</h4>
                                <p>On all orders over $75.00</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 mb-md--30">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-2.png" alt="Icon">
                                <h4 class="mt--20">Support 24/7</h4>
                                <p>Contact us 24 hours a day, 7 days a week</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 mb-sm--30">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-3.png" alt="Icon">
                                <h4 class="mt--20">30 Days Return</h4>
                                <p>Return it within 30 days for an exchange</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-4.png" alt="Icon">
                                <h4 class="mt--20">100% Payment Secure</h4>
                                <p>We ensure secure payment with PEV</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Method Area End -->

            <!-- Instagram Area Start -->
            <div class="instagram-area">
                <div class="container-fluid p-0">
                    <div class="row no-gutters">
                        <div class="col-12">
                            <div class="instagram-feed">
                                <div id="instafeed" class="zuka-insta-feed instagram-carousel" data-accesstoken="6667588161.1677ed0.705c7b82e16f42b2898cd19e737dc53e" data-userid="6667588161" data-insta-config='{"get":"user", "sortBy":"none","limit":"8","resolution":"low_resolution","template":"<div class=\"grid-item\"><div class=\"instagram-feed-item\"><a href=\"{{link}}\" target=\"_blank\" id=\"{{id}}\"><img src=\"{{image}}\" /></a><div class=\"instagram-feed-hover-content\"><span class=\"tottallikes\"><i class=\"fa fa-heart\"></i>{{likes}}</span><span class=\"totalcomments\"><i class=\"fa fa-comments\"></i>{{comments}}</span></div></div></div>"}'>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Instagram Area End -->
        </div>
        <!-- Main Content Wrapper Start -->

        <!-- Search from Start --> 
        <div class="searchform__popup" id="searchForm">
            <a href="#" class="btn-close"><i class="dl-icon-close"></i></a>
            <div class="searchform__body">
                <p>Start typing and press Enter to search</p>
                <form class="searchform">
                    <input type="text" name="popup-search" id="popup-search" class="searchform__input" placeholder="Search Entire Store...">
                    <button type="submit" class="searchform__submit"><i class="dl-icon-search10"></i></button>
                </form>
            </div>
        </div>
        <!-- Search from End --> 
        
        <!-- Side Navigation Start -->
        <aside class="side-navigation" id="sideNav">
            <div class="side-navigation-wrapper">
                <div class="side-navigation-inner">
                    <div class="widget mb--30">
                        <ul class="sidenav-menu">
                            <li><a href="about-us.html">About Us</a></li>
                            <li><a href="shop-collections.html">Portfolios</a></li>
                            <li><a href="contact-us.html">Our Services</a></li>
                            <li><a href="#">Affiliate Program</a></li>
                            <li><a href="#">Work For Zuka</a></li>
                        </ul>
                    </div>
                    <div class="widget mb--30">
                        <div class="banner-box banner-type-1 banner-hover-1">
                            <div class="banner-inner">
                                <div class="banner-image">
                                    <img src="assets/img/banner/menu-humberger.jpg" alt="Banner">
                                </div>
                                <div class="banner-info">
                                    <a class="banner-title-1 text-uppercase" href="shop-sidebar.html">New</a>
                                </div>
                                <a class="banner-link banner-overlay" href="shop-sidebar.html">New</a>
                            </div>
                        </div>
                    </div>
                    <div class="widget mb--30">
                        <div class="text-widget">
                            <p>
                                <a href="#">(+612) 2531 5600</a>
                                <a href="mailto:info@la-studioweb.com">info@la-studioweb.com</a>
                                PO Box 1622 Colins Street West
                            </p>
                        </div>
                    </div>
                    <div class="widget mb--5">
                        <div class="text-widget google-map-link">
                            <p>
                                <a href="https://www.google.com/maps" target="_blank">Google Maps</a>
                            </p>
                        </div>
                    </div>
                    <div class="widget">
                        <div class="text-widget">
                            <!-- Social Icons Start Here -->
                            <ul class="social social-small">
                                <li class="social__item">
                                    <a href="twitter.com" class="social__link">
                                        <i class="fa fa-twitter"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="plus.google.com" class="social__link">
                                        <i class="fa fa-google-plus"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="facebook.com" class="social__link">
                                        <i class="fa fa-facebook"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="youtube.com" class="social__link">
                                        <i class="fa fa-youtube"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="instagram.com" class="social__link">
                                        <i class="fa fa-instagram"></i>
                                    </a>
                                </li>
                            </ul>
                            <!-- Social Icons End Here -->
                        </div>
                    </div>
                    <div class="widget mtb--15">
                        <div class="text-widget">
                            <p>
                                <img src="assets/img/others/payments.png" alt="payment">
                            </p>
                        </div>
                    </div>
                    <div class="widget">
                        <div class="text-widget">
                            <p class="copyright-text">&copy; 2018 Zuka Shop All rights <a href="http://www.bootstrapmb.com/" title="bootstrapmb">Reserved</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <!-- Side Navigation End -->

        <!-- Mini Cart Start -->
        <aside class="mini-cart" id="miniCart">
            <div class="mini-cart-wrapper">
                <a href="" class="btn-close"><i class="dl-icon-close"></i></a>
                <div class="mini-cart-inner">
                    <h5 class="mini-cart__heading mb--40 mb-lg--30">Shopping Cart</h5>
                    <div class="mini-cart__content">
                        <ul class="mini-cart__list">
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-26-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Atlin Designs Mid Century Club Chair</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-30-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-29-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-31-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                        </ul>
                        <div class="mini-cart__total">
                            <span>Subtotal:</span>
                            <span class="ammount">&pound;98.00</span>
                        </div>
                        <div class="mini-cart__buttons">
                            <a href="cart.html" class="btn btn-fullwidth btn-style-1">View Cart</a>
                            <a href="checkout.html" class="btn btn-fullwidth btn-style-1">Checkout</a>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <!-- Mini Cart End -->

        <!-- Global Overlay Start -->
        <div class="zuka-global-overlay"></div>
        <!-- Global Overlay End -->
 
        <!-- Modal Start -->
        <div class="modal fade product-modal" id="productModal" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-body">
                <button type="button" class="close custom-close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true"><i class="dl-icon-close"></i></span>
                </button>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="zuka-element-carousel product-image-carousel nav-vertical-center nav-style-1"
                                data-slick-options='{
                                    "slidesToShow": 1,
                                    "slidesToScroll": 1,
                                    "arrows": true,
                                    "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "dl-icon-left" },
                                    "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "dl-icon-right" }
                                }'
                        >
                            <div class="product-image">
                                <div class="product-image--holder">
                                    <a href="single-product.html">
                                        <img src="assets/img/products/prod-7-1.jpg" alt="Product Image" class="primary-image">
                                    </a>
                                </div>
                                <span class="product-badge sale">sale</span>
                            </div>
                            <div class="product-image">
                                <div class="product-image--holder">
                                    <a href="single-product.html">
                                        <img src="assets/img/products/prod-7-2.jpg" alt="Product Image" class="primary-image">
                                    </a>
                                </div>
                                <span class="product-badge sale">sale</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="modal-box product-summary">
                            <div class="product-top-meta d-flex justify-content-between flex-sm-row flex-column-reverse">
                                <div class="product-rating d-flex">
                                    <div class="star-rating star-five">
                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                    </div>
                                    <a href="" class="review-link">(1 customer review)</a>
                                </div>
                                <div class="product-navigation">
                                    <a href="#" class="prev"><i class="dl-icon-left"></i></a>
                                    <a href="#" class="next"><i class="dl-icon-right"></i></a>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <h3 class="product-title mb--30 mb-md--20">Fake News Network Abstract Novelty T-Shirt</h3>
                            <div class="product-price-wrapper mb--30 mb-md--20">
                                <span class="product-price-old">
                                    <span class="money">&pound;60.00</span>
                                </span>
                                <span class="money">&pound;49.00</span>
                            </div>
                            <p class="product-short-description mb--30 mb-md--20">Donec accumsan auctor iaculis. Sed suscipit arcu ligula, at egestas magna molestie a. Proin ac ex maximus, ultrices justo eget, sodales orci. Aliquam egestas libero ac turpis pharetra, in vehicula lacus scelerisque. Vestibulum ut sem laoreet, feugiat tellus at, hendrerit arcu.</p>
                            <div class="product-action d-flex flex-row align-items-center mb--20">
                                <div class="quantity mr--20">
                                    <input type="number" class="quantity-input" name="qty" id="quick-qty" value="1" min="1">
                                </div>
                                <button type="button" class="btn btn-style-1 btn-semi-large btn-shape-round add-to-cart" onclick="window.location.href='cart.html'">
                                    Add To Cart
                                </button>
                                <a href="wishlist.html" class="action-btn action-btn-square"><i class="dl-icon-heart2"></i></a>
                                <a href="compare.html" class="action-btn action-btn-square"><i class="dl-icon-compare2"></i></a>
                            </div>  
                            <div class="product-extra mb--20">
                                <a href="#" class="font-size-12"><i class="fa fa-map-marker"></i>Find store near you</a>
                                <a href="#" class="font-size-12"><i class="fa fa-exchange"></i>Delivery and return</a>
                            </div>
                            <div class="product-summary-footer">
                                <div class="product-meta mb--20">
                                    <span class="sku_wrapper font-size-12">SKU: <span class="sku">REF. LA-887</span></span>
                                    <span class="posted_in font-size-12">Categories: <a href="shop-sidebar.html" rel="tag">Fashions</a></span>
                                </div>
                                <div class="product-share-box">
                                    <span class="font-size-12">Share With</span>
                                    <!-- Social Icons Start Here -->
                                    <ul class="social social-small">
                                        <li class="social__item">
                                            <a href="facebook.com" class="social__link">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="twitter.com" class="social__link">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="plus.google.com" class="social__link">
                                                <i class="fa fa-google-plus"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="plus.google.com" class="social__link">
                                                <i class="fa fa-pinterest-p"></i>
                                            </a>
                                        </li>
                                    </ul>
                                    <!-- Social Icons End Here -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- Modal End -->

    </div>
    <!-- Main Wrapper End -->


    <!-- ************************* JS Files ************************* -->

    <!-- All Plugins Js -->
    <script src="assets/js/plugins.js"></script>

    <!-- Main JS -->
    <script src="assets/js/main.js"></script>

    <!-- REVOLUTION JS FILES -->
    <script src="assets/js/revoulation/jquery.themepunch.tools.min.js"></script>
    <script src="assets/js/revoulation/jquery.themepunch.revolution.min.js"></script>    

    <!-- REVOLUTION ACTIVE JS FILES -->
    <script src="assets/js/revoulation.js"></script>

</body>

</html>